<script setup lang="ts">
import {computed} from 'vue';
import { useStore } from "vuex";
import { useRouter } from "vue-router";
import { useI18n } from "vue-i18n";
import language from "./language";
import HelloWorld from "@com/DemoPlugin/HelloWorld.vue";
let { locale } = useI18n();
const store = useStore();
const router = useRouter();
const currentLang=computed(()=>language[locale.value] ? language[locale.value] : language.zh);
const storeState=store.state;
console.log(storeState);
</script>
<template>
  <div class="demo-plugin">
    <h2>plugin component</h2>
    <HelloWorld />
    <h3>国际化引用示例</h3>
    <div>{{locale}}:{{currentLang.demonstrationTranslation}}</div>
  </div>
</template>
<style lang="less" scoped>
.demo-plugin {
  border: 1px solid #b1c3c5;
}
</style>
